﻿@model Webs.Models.SearchBillModel
<div class="PageTitle">
    @ViewBag.Title
</div>
@if (ViewBag.ErrMsg != null)
{
    <div id="dErrMsg" class="ui-state-error ui-corner-all" style="margin-top: 5px; padding: 5px;
        font-size: .9em;">
        <p style="vertical-align: top; margin: 0; padding: 0;">
            <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
            <strong>@ViewBag.ErrMsg</strong>
        </p>
        <div style="margin-left: 23px;">@Html.ValidationSummary(false, "Please correct the errors and try again:")</div>
    </div>
}
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="230px">
            <div class="editor-label">
                @SharedRes.SharedString.FromDate
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.FrDate, new { Class = "editor-field-col date" })
            </div>
        </td>
        <td>
            <div class="editor-label">
                @SharedRes.SharedString.ToDate
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.ToDate, new { Class = "editor-field-col date" })
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="editor-label">
                @TransactionRes.TransactionString.CUSTOMER
            </div>
            <div class="editor-field">
                <select style="width: 210px">
                </select>
            </div>
        </td>
        <td>
            <div class="editor-label">
                &nbsp;
            </div>
            <div class="editor-label">
                <input type="submit" id="btnSearch" class="btn" value="@SharedRes.SharedString.Search" />
            </div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div class="editor-label">
                <input type="radio" group="a" />
                @TransactionRes.TransactionString.PAID
                <input type="radio" group="a" style="margin-left: 10px" />
                @TransactionRes.TransactionString.REMAIN
            </div>
        </td>
    </tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" class="list-table">
    <tr>
        <th class="first" width="50px">
            @SharedRes.SharedString.No
        </th>
        <th width="120px">
            @TransactionRes.TransactionString.DATE
        </th>
        <th width="200px">
            @TransactionRes.TransactionString.CUSTOMER
        </th>
        <th width="100px">
            @TransactionRes.TransactionString.ExchangeRate
        </th>
        <th width="150px">
            @TransactionRes.TransactionString.AMOUNT
        </th>
        <th width="150px">
            @TransactionRes.TransactionString.REMAIN
        </th>
        <th>
        </th>
    </tr>
    <tr>
        <td class="first right">
            1
        </td>
        <td>
            25/05/2013
        </td>
        <td>
            Long Son
        </td>
        <td class="right">
            19.870
        </td>
        <td class="right">
            500.000
        </td>
        <td class="right">
            <b>1.000.000</b>
        </td>
        <td class="last">
            <a href="#" class="lnkBtn" style="color: White">
                @SharedRes.SharedString.Edit
            </a><a href="javascript:void(0);" class="lnkBtn lnkPrint" style="margin-top: 5px;
                color: White">
                @SharedRes.SharedString.Delete
            </a>
        </td>
    </tr>
    <tr>
        <td class="first right">
            2
        </td>
        <td>
            27/05/2013
        </td>
        <td>
            Long Son
        </td>
        <td class="right">
            19.900
        </td>
        <td class="right">
            10.000.000
        </td>
        <td class="right">
            <b>1.000.000</b>
        </td>
        <td class="last">
            <a href="#" class="lnkBtn" style="color: White">
                @SharedRes.SharedString.Edit
            </a><a href="javascript:void(0);" class="lnkBtn lnkPrint" style="margin-top: 5px;
                color: White">
                @SharedRes.SharedString.Delete
            </a>
        </td>
    </tr>
    <tr>
        <td class="first right">
            3
        </td>
        <td>
            27/05/2013
        </td>
        <td>
            Customer 2
        </td>
        <td class="right">
            19.550
        </td>
        <td class="right">
            900.000
        </td>
        <td class="right">
            <b>12.000.000</b>
        </td>
        <td class="last">
            <a href="#" class="lnkBtn" style="color: White">
                @SharedRes.SharedString.Edit
            </a><a href="javascript:void(0);" class="lnkBtn lnkPrint" style="margin-top: 5px;
                color: White">
                @SharedRes.SharedString.Delete
            </a>
        </td>
    </tr>
</table>
<script type="text/javascript">

    $(document).ready(function () {
        $('#FrDate, #ToDate').datepicker({ dateFormat: 'dd/mm/yy' });
    });
</script>
